<template>
	<view class="pages">
		<!-- <view class="mask_login" v-if="!token" @click="login = true"></view> -->
		<view class="page-top">
			<image src="https://willmid-img.oss-cn-shanghai.aliyuncs.com/2021/09/12/b9cdcedd8bd14c13892413004f423005.png" mode="aspectFit"></image>
			<view class="site-top" @click="utlis.goUrl('/pages/mine/selectStores?type=1')" :style="{top:menuButtonInfo.top+'px',height:menuButtonInfo.height+'px'}">
				<text class="iconfont icon-dingwei"></text>
				<view>{{defaultAddress.title}}</view>
				<text class="iconfont icon-a-xiala1"></text>
			</view>
			<view class="search-box" @click="utlis.goUrl('/pages/index/search')">
				<u-icon name="search"></u-icon>
				<text>搜索项目名称</text>
			</view>
		</view>
		<view v-show="isTop" :style="{height:statusBar+'px'}" class="navStatus"></view>
		<view class="vessel">
			<view class="shop-info" v-if="defaultAddress.title">
				<view class="t1">
					{{defaultAddress.title}}
					<text @click="utlis.goUrl('/pages/mine/selectStores?type=1');tabIndex=0;card_id=0" class="left-auto">切换门店</text>
				</view>
				<view class="t2">
					<u-rate :current="defaultAddress.score || 0" active-color="#E8C778" inactive-color="#E0E0E0" inactive-icon="star-fill" disabled></u-rate>
					<text class="u-p-l-16">{{Number(defaultAddress.score).toFixed(1) || "暂无评分"}}</text>
				</view>
				<view class="t2">
					<text>营业时间：{{defaultAddress.start_time}} - {{defaultAddress.end_time}}</text>
					<text class="iconfont icon-dianhua left-auto" @click="freeTell()"></text>
				</view>
				<view class="t3">
					<view class="addressWrap" @click="goUrl(1)">
						<view class="addres">店铺地址：{{defaultAddress.position}} <text v-if="defaultAddress.distance">{{defaultAddress.distance}}km</text></view>
					    <text class="iconfont icon-a-dingwei1" ></text>
					</view>
					<view class="addressWrap" @click="goUrl(2)">
						<view class="addres">推荐车位：{{defaultAddress.parking}} <text v-if="defaultAddress.distance2">{{defaultAddress.distance2}}km</text></view>
						<text class="iconfont icon-a-dingwei1" ></text>
					</view>
				</view>
			</view>
			<view class="card-box">
				<view class="u-m-r-32" @click="utlis.goUrl('/pages/mine/vipList')">
					<view class="t1">我的会员卡</view>
					<view class="t2">超值优惠享不停～</view>
				</view>
				<view>
					<view class="t1">我的管家</view>
					<view class="t3" >
						<image :src="defaultAddress.qr_code" mode="aspectFill" @click="yulan"></image>
					</view>
				</view>
			</view>
			<view class="tabs">
				<view class="title">服务项目</view>
			</view>
			<view class="tabWrap" >
			  <scroll-view scroll-x class="classifyList" 
			  :scroll-with-animation="true"
			  :scroll-into-view="`nav${tabIndex - 1}`"
			  >
			      <view class="tab" :id="`nav${i}`" @click="tabsClick(item,i)" style="display:inline-block" :class="tabIndex == i ? 'tab-active' : ''" v-for="(item,i) in cateList" :key="i">
					  {{item.name}}
				  </view>
			    </scroll-view>
			</view>
			<view class="goods-box">
				<view class="goods" v-for="item in list" :key="item" @click.stop="utlis.goUrl(`/pages/shop/projectInfo?peoject_id=${item.id}`)">
					<image :src="item.pic" mode="aspectFill"></image>
					<view>
						<view class="t1">
							{{item.name}}
							<!-- <text class="left-auto">已售{{item.sold_num}}件</text> -->
						</view>
						<view class="t2">项目时长：{{item.duration}}分钟</view>
						<view class="t2">{{item.tags}}</view>
						<view class="price">
							<text v-if="userInfo.vip_id <= 0">¥{{item.price}}</text>
							<text v-else> {{item.vip_price}}</text>
							<text class="make left-auto" @click.stop="onceMake(item.id,item)">立即预约</text>
							<view class="buy" @click.stop="buy(item)">购买</view>
						</view>
					</view>
				</view>
				<u-loadmore margin-top="60" margin-bottom="30" :status="status" />
			</view>
		</view>
		
		<!-- <u-modal v-model="isPhoneAuth"  :content="'您还未绑定手机号,请先绑定手机号'">
			<view  slot="confirm-button">
				<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="wxlogin">
					绑定
				</button>
			</view>
		</u-modal>
		<u-modal v-model="login" show-cancel-button :content="'您还未登陆,请登录'">
			<view  slot="confirm-button">
				<button @click="getuserinfo" class="wxlogin">
					登录
				</button>
			</view>
		</u-modal> -->
		
		<!-- 兼容快手小程序写法 -->
		<u-popup v-model="isPhoneAuth" mode="center" border-radius="20" width="400rpx">
			<view class="loginPop">
				<view class="loginPop-title">您还未绑定手机号,请先绑定手机号</view>
				<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="wxlogin">
					绑定
				</button>
			</view>
		</u-popup>
		
		<!-- 兼容快手小程序写法 -->
		<u-popup v-model="login" mode="center" border-radius="20" width="400rpx">
			<view class="loginPop">
				<view class="loginPop-title">您还未登陆,请登录</view>
				<view class="loginPop-main">
					<view class="loginPop-main-close" @click="login = false">取消</view>
					<button @click="getuserinfo" class="wxlogin">
						登录
					</button>
				</view>
			</view>
		</u-popup>
		
	</view>
</template>
<script>
	import Amap from '@/utlis/amap-wx'
	export default {
		data() {
			return {
				isPhoneAuth:false,
				login:false,
				menuButtonInfo:{},
				tabIndex:0,
				statusBar:0,
				isTop:false,
				cateList:[],
				card_id:0,
				list:[],
				initAmapData:'',
				status:'loading',
				total:0,
				page:1,
				location:{
					longitude:'',
					latitude:'',
				},
				loginInfo:{
					code:'',
					iv:'',
					encryptedData:'',
					store_id:'',
					share_user_id:'',
					encryptedDataPhone:'',
					ivPhone:''
				}
			}
		},
		async onLoad() {
			this.list = []
			this.page=1
			// 门店列表只请求一次
			await this.getStore(2)
			this.menuButtonInfo = uni.getMenuButtonBoundingClientRect();
			this.statusBar = uni.getSystemInfoSync().statusBarHeight;
			if(!this.token){
				this.status="nomore"
			}
		},
		async onPullDownRefresh() {
			this.list=[]
			this.cateList=[]
			await this.getCateList(true)
			this.$u.toast('刷新成功!')
			uni.stopPullDownRefresh()
		},
		// 分页加载
		onReachBottom() {
			if (this.total > this.list.length) {
				this.page++;
				this.getProjectList();
			}
		},
		async onShow() {
			// 实例化API核心类
			this.initAmapData = new Amap.AMapWX({
				key: 'e7b185f0ab2af78680dea5db822b011a',
			});
			this.openlocation();
			if(this.token){
				this.getUserInfo()
			}
			this.list=[]
			this.page = 1
			this.total = 0
			this.card_id=0
			this.tabIndex =0
			await this.getCateList()
			await this.getProjectList()
		},
		onPageScroll(e){
			if(e.scrollTop>230&&!this.isTop){
				this.isTop = true;
				uni.setNavigationBarColor({
					frontColor:'#000000',
					backgroundColor:'#FFFFFF',
					success() {
					},
					fail(err) {
						console.log(err);
					}
				})
			}else if(e.scrollTop<230&&this.isTop){
				this.isTop = false;
				uni.setNavigationBarColor({
					frontColor:'#ffffff',
					backgroundColor:'#000000',
					success() {
						
					},
					fail(err) {
						console.log(err);
					}
				})
			}
		},
		beforeDestroy() {
		   wx.offLocationChange(this.getaddr);
		   wx.stopLocationUpdate({
			success:()=>{
			 console.log('关闭监听');
			},
			fail:err=>{
			 console.log('关闭监听失败',err);
			}
		   })
		},
		onHide() {
		   wx.offLocationChange(this.getaddr);
		   wx.stopLocationUpdate({
			success:()=>{
			 console.log('关闭监听');
			},
			fail:err=>{
			 console.log('关闭监听失败',err);
			}
		   })
		},
		methods: {
			openlocation(){
			    wx.startLocationUpdate({
			     success:()=>{
			      wx.onLocationChange(this.getaddr);
			     },
			     fail:err=>{ 
			      console.log('打开实时更新失败:',err);
			      this.opset();
			     }
			    })
			},
			// 去购买
			buy(item){
				if(!this.token){
					this.login = true
					return
				}
				this.utlis.goUrl(`/pages/shop/projectOrder?peoject_id=${item.id}`)
			},
			yulan(ele){
				let arr =[this.defaultAddress.qr_code]
				this.utlis.previewImage(arr)
			},
			async goUrl(types){
				console.log("@@@@");
				let that = this
				if(this.token){
					let {data,code} = await that.$u.api.serUserClick({type:2});
				}
				if(types == 1){
					console.log(that.defaultAddress.latitude,5555);
					uni.openLocation({
					  latitude: Number(that.defaultAddress.latitude),
					  longitude: Number(that.defaultAddress.longitude),
					  scale: 28,
					  address: that.defaultAddress.position,
					  success: res => {
						console.log(res)
					  }
					})
				}else{
					console.log(that.defaultAddress,666);
					uni.openLocation({
					  latitude:  Number(that.defaultAddress.parking_latitude),
					  longitude: Number(that.defaultAddress.parking_longitude),
					  scale: 28,
					  address: that.defaultAddress.parking,
					  success: res => {
						console.log(res)
					  },
					  fail:err => {
						  console.log(err);
					  }
					})
				}
				console.log("失败了")
			},
			async getaddr(res){
				console.log(res,"获取位置信息");
				    //电脑端测试使用
				    // res.longitude = '121.306866';
				    // res.latitude = '31.185328';
				    let isYu = 0;
				    for(let key in this.location){
				     if(res[key]==this.location[key]){
				      isYu++
				     }
				    }
				    if(isYu==2)return;
				    this.location.longitude = res.longitude;
				    this.location.latitude = res.latitude;
					this.$u.vuex("currentLocation",this.location)
					console.log(this.currentLocation,"currentLocationcurrentLocation")
					if(this.firstHttp){
						this.$u.vuex("isAuth",true)
						await this.getStore(1)
						this.$u.vuex("firstHttp",false)
					}
				// this.initAmapData.getRegeo({
				// 	iconPath: "",
				// 	iconWidth: 22,
				// 	iconHeight: 32,
				// 	success: async data => {
				// 		this.$u.vuex("currentLocation",data[0])
				// 		console.log(this.currentLocation,"currentLocationcurrentLocation")
				// 		if(this.firstHttp){
				// 			this.$u.vuex("isAuth",true)
				// 			await this.getStore(1);
				// 			this.$u.vuex("firstHttp",false)
				// 		}
				// 	},
				// 	fail: info => {
				// 		this.opset();
				// 	}
				// })
			},
			opset(){//打开设置
				uni.getSetting({
				   success:(res)=> {
					   if (!res.authSetting['scope.userLocation']){
						    uni.showModal({
								title: '是否授权当前位置',
								content: '需要获取您的地理位置，请确认授权，否则选择位置功能将无法使用',
								success:(tip)=> {
									if (tip.confirm){
										uni.openSetting({
											success: async(data) => {
												if (data.authSetting['scope.userLocation'] === true) {
													wx.showToast({
													  title: '地理位置授权成功',
													  icon: 'success',
													  duration: 1000
													})
													this.$u.vuex("isAuth",true)
													//授权成功之后，再调用chooseLocation选择地方
													this.openlocation();
													
												} 
											}
										})
									}
								},
								fail: () => {
									uni.showToast({
									  title: '您已拒绝授权地理位置！',
									  icon: 'error',
									  duration: 1000
									})
								}
							})
					   }
				   }
				})
			},
			onceMake(id,item){
				if(!this.token){
					this.login = true
					return
				}
				this.$u.vuex("chioseProjects",[])
				this.$u.vuex("makeTech",[])
				this.$u.vuex("makeNum","")
				this.$u.vuex("makeProject",[item])
				item.isDefault = true
				this.$u.vuex("makeProject",[item])
				this.utlis.goUrl(`/pages/reserve/reserve?id=${id}`)
			},
			// 拨打电话
			async freeTell(){
				// 用户点击次数
				let {data,code} = await this.$u.api.serUserClick({type:1});
				if(code){
					uni.makePhoneCall({
					  phoneNumber: this.defaultAddress.tel,
					})
				}
			},
			// 获取门店列表
			async getStore(type){
					let minArr = []
					let {data,code} = await this.$u.api.getStore();
					if(type == 1){
					data.forEach((ele,index)=>{
						data.isCheck = false
						ele.distance = this.getDistance(this.currentLocation.latitude,this.currentLocation.longitude,ele.latitude,ele.longitude)
						ele.distance2 = this.getDistance(this.currentLocation.latitude,this.currentLocation.longitude,ele.parking_latitude,ele.parking_longitude)
						minArr.push(ele.distance*1)
					})
					var min=Math.min(...minArr);
					data.forEach((ele,index)=>{
						let end_time = ele.end_time.split(":");
						let start_time = ele.start_time.split(":");
						ele.end_time = end_time[0] + ":" + end_time[1];
						ele.start_time = start_time[0] + ":" + start_time[1];
						if(ele.distance == min){
							this.$u.vuex("defaultAddress",ele)
							this.$u.vuex("store_id",ele.id)
							this.$u.vuex("makeStoreInfo",ele)
							this.$u.vuex("makeStore_id",ele.id)
							this.$u.vuex("toStore",ele)
							this.$u.vuex("toStore_id",ele.id)
						}
					})
					this.list=[]
					this.page = 1
					await this.getProjectList()
				}else{
					// this.$u.vuex("firstHttp",false)
					let dates = data[0]
					let end_time = dates.end_time.split(":");
					let start_time = dates.start_time.split(":");
					dates.end_time = end_time[0] + ":" + end_time[1];
					dates.start_time = start_time[0] + ":" + start_time[1];
					let dates_id = dates.id
					this.$u.vuex("defaultAddress",dates)
					this.$u.vuex("store_id",dates_id)
					this.$u.vuex("makeStoreInfo",dates)
					this.$u.vuex("makeStore_id",dates_id)
					this.$u.vuex("toStore",dates)
					this.$u.vuex("toStore_id",dates_id)
					// this.list=[]
					// this.page = 1
					// await this.getProjectList()
				}
				// this.list=[]
				// this.page = 1
				// this.card_id=0
				// this.tabIndex =0
				// await this.getCateList()
			},
			 // 计算距离函数
			  Rad(d) { 
			    //根据经纬度判断距离
			    return d * Math.PI / 180.0;
			  },
			  getDistance(lat1, lng1, lat2, lng2) {
			      // lat1用户的纬度
			      // lng1用户的经度
			      // lat2商家的纬度
			      // lng2商家的经度
			      var radLat1 = this.Rad(lat1);
			      var radLat2 = this.Rad(lat2);
			      var a = radLat1 - radLat2;
			      var b = this.Rad(lng1) - this.Rad(lng2);
			      var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
			      s = s * 6378.137;
			      s = Math.round(s * 10000) / 10000;
			      s = s.toFixed(1)  //保留两位小数
			      console.log('经纬度计算的距离:' + s)
			      return s
			  },
			// 项目分类切换
			tabsClick(ele,index){
				this.list = []
				this.page=1
				this.tabIndex = index
				this.card_id = ele.id
				this.getProjectList()
			},
			// 获取服务项目列表
			async getProjectList(){
				console.log(this.page,this.total,"99999999999")
				let {data,code} = await this.$u.api.getProject({cate_id:this.card_id,page:this.page,store_id:this.store_id});
				if(this.page == 1 && !data.data.lenght){
					this.status = 'nomore';
				}
				this.list = [...this.list, ...data.data];
				// this.list.forEach(ele=>{
				// 	ele.pic = ele.pic.split(',')
				// })
				this.total = data.total;
				if (this.total <= this.list.length) this.status = 'nomore';
				else this.status = 'loading';
				console.log(this.list,"ddd")
			},
			// 获取项目分类
			async getCateList(falg){
				let {data,code} = await this.$u.api.getCate();
				let obj={
					name:'全部',
					id:0,
				}
				console.log('this.token',this.token);
				// let arr = []
				// if(data.length > 2){
				// 	arr = data.slice(0, 2)
				// }else{
				// 	arr = data
				// }
				this.cateList = [obj,...data]
				// this.getProjectList()
				// console.log(this.cateList,"this.cateList")
			},
			// 授权手机号码
			async getPhoneNumber(e){
				console.log(e,"e11111111111")
				this.loginInfo.encryptedDataPhone = e.detail.encryptedData
				this.loginInfo.ivPhone = e.detail.iv
				if(e.detail.iv){
					uni.login ({
						success: async res => {
							let { code } = res
							 this.loginInfo.code = res.code
							 await this.wxLogin()
						}
					})
				}
			},
			// 授权用户信息
			async getuserinfo(e){
				// 登录
				uni.login({
					success: res => {
					 this.loginInfo.code = res.code
					 this.isClick = true
					}
				})
				uni.getUserProfile({
					desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
					success: async (res) => {
						let { iv, encryptedData } = res;
						this.loginInfo.iv = iv
						this.loginInfo.encryptedData = encryptedData
						this.loginInfo.share_user_id = this.share_user_id
						this.loginInfo.store_id = this.store_id
						this.loginInfo.fid = this.fid
						this.wxLogin()
				   },
				   fail:(res1)=>{
					   console.log(res1,'登录失败');
					   this.isClick = false
				   }
				})
			},
			// 登录
			async wxLogin(){
				let {data,code,msg} = await this.$u.api.wxLogin(this.loginInfo);
				uni.hideLoading()
				if(code){
					this.login = false
					if(data.user_token){
						this.$u.vuex('token', data.user_token)
						await this.getUserInfo()
						await this.getCateList()
						setTimeout(()=>{
							uni.showToast({
								duration:2000,
								title:'登录成功',
								icon:'success'
							})
						},500)
					}else{
						this.isPhoneAuth = true
					}
				}else{
					this.isClick = false
				}
			},
			// 获取用户信息
			async getUserInfo(){
				let {data,code} = await this.$u.api.userInfo({store_id:this.store_id});
				if(code){
					this.$u.vuex('userInfo', data)
				}
			},
		}
	}
</script>

<style>
	page{
		background-color: #F4F6F8;
	}
</style>
<style lang="scss" scoped >
.pages{
	.tabWrap{
		width: 100%;
		white-space:nowrap;
		margin: 32rpx 0 30rpx 0;
	}
	.tabs{
		display: flex;
		margin-top: 40rpx;
		.title{
			margin-right: auto;
			font-size: 40rpx;
			font-weight: 400;
			text-align: left;
			color: #071529;
			line-height: 50rpx;
		}
	}
	.tab{
		padding: 10rpx 30rpx;
		// width: 118rpx;
		background: rgba(194,194,194,0.1);
		border-radius: 26rpx;
		text-align: center;
		font-size: 24rpx;
		font-weight: 400;
		color: #666666;
		margin-right: 30rpx;
	}
	.tab-active{
		color: rgba(136,29,3,1);
		background:rgba(136,29,3,0.1);
	}
	.page-top{
		position: relative;
		height: 500rpx;
		image{
			z-index: -1;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 500rpx;
		}
		.site-top{
			position: absolute;
			top: 0;
			left: 38rpx;
			display: flex;
			align-items: center;
			color: #fff;
			font-size: 26rpx;
			view{
				margin: 0 8rpx;
			}
			.icon-a-xiala1{
				font-size: 18rpx;
			}
			.iconfont{
				
				color: #fff;
			}
		}
	
		.search-box{
			position: absolute;
			bottom: 24rpx;
			left: 32rpx;
			width: 686rpx;
			height: 70rpx;
			display: flex;
			align-items: center;
			background: rgba(255,255,255,0.4);
			border-radius: 35rpx;
			color: #fff;
			padding: 0 24rpx;
			input{
				height: 100%;
			}
			::v-deep .search-input{
				color: rgba(255,255,255,0.8);
			}
			u-icon{
				margin-right: 20rpx;
			}
		}
	}
	
	.navStatus{
		height: var(--status-bar-height);
		background-color: #fff;
		position: fixed;
		top: 0;
		width: 100%;
		left: 0;
		z-index: 999;
	}
	
	.vessel{
		padding: 0 32rpx;
		.shop-info{
			margin: 32rpx 0;
			padding: 24rpx;
			background: #ffffff;
			border-radius: 8rpx;
			.iconfont{
				font-size: 40rpx;
			}
			.t1{
				margin-bottom: 20rpx;
				font-size: 28rpx;
				font-weight: 600;
				color: #242833;
				line-height: 40rpx;
				display: flex;
				text{
					font-size: 24rpx;
					font-weight: 400;
					color: #d5b35e;
					line-height: 33rpx;
					letter-spacing: 1px;
				}
			}
			.t2{
				display: flex;
				margin-bottom: 22rpx;
				font-size: 24rpx;
				font-weight: 400;
				text-align: left;
				color: #333333;
				line-height: 33rpx;
				letter-spacing: 1px;
			}
			.t3{
				
				padding-top:24rpx;
				margin-top: 34rpx;
				border-top: 1px solid rgba(151,151,151,0.16);
				view{
					font-size: 24rpx;
					font-weight: 400;
					color: #666666;
					line-height: 33rpx;
					letter-spacing: 1px;
					// margin-top: 20rpx;
				}
				// >view{
				// 	flex: 1;
				// }
				.addressWrap{
					display: flex;
					align-items: center;
					// margin-bottom: 20rpx;
				}
				.addressWrap:first-child{
					border-bottom: 1px solid rgba(151,151,151,0.16);
					padding-bottom: 24rpx;
				}
				.addressWrap:last-child{
					padding-top: 24rpx;
				}
			}
		}
		.card-box{
			display: flex;
			color: #fff;
			>view{
				background: linear-gradient(135deg,#d1b87d 9%, #f2e4a2);
				border-radius: 8rpx;
				flex: 1;
				padding: 34rpx 24rpx;
			}
			.t1{
				font-size: 32rpx;
				font-weight: 600;
				text-align: left;
				color: #ffffff;
				line-height: 40rpx;
			}
			.t2{
				margin-top: 24rpx;
				font-size: 28rpx;
				font-weight: 400;
				text-align: left;
				color: #ffffff;
				line-height: 33rpx;
				letter-spacing: 1px;
			}
			.t3{
				float: right;
				image{
					width: 104rpx;
					height: 104rpx;
					border-radius: 8rpx;
				}
			}
		}

		.goods-box{
			.goods{
				display: flex;
				margin-bottom: 30rpx;
				background: #ffffff;
				border-radius: 20rpx;
				image{
					width: 214rpx;
					height: 214rpx;
					border-radius: 10rpx;
				}
				>view{
					flex: 1;
					padding: 30rpx 24rpx 12rpx 30rpx;
				}
				.t1{
					display: flex;
					font-size: 26rpx;
					font-weight: 400;
					text-align: left;
					color: #071529;
					line-height: 37rpx;
					margin-bottom: 14rpx;
					text{
						font-size: 20rpx;
						font-weight: 400;
						text-align: right;
						color: #999999;
						line-height: 28rpx;
					}
				}
				.t2{
					font-size: 20rpx;
					font-weight: 400;
					text-align: left;
					color: #071529;
					line-height: 28rpx;
					margin-bottom: 8rpx;
				}
				.price{
					display: flex;
					align-items: center;
					text{
						font-size: 24rpx;
						font-weight: 400;
						color: #007664;
						text-align: right;
						line-height: 33rpx;
						letter-spacing: 1px;
					}
					.make{
						font-size: 24rpx;
						font-weight: 400;
						color: #007664;
						line-height: 33rpx;
						letter-spacing: 1px;
						margin-right: 18rpx;
					}
					.buy{
						width: 93rpx;
						height: 49rpx;
						background: #d5bc81;
						border-radius: 8rpx;
						font-size: 24rpx;
						font-weight: 400;
						text-align: center;
						color: #ffffff;
						line-height: 49rpx;
						letter-spacing: 1px;
					}
				}
			}
			
		}
	}

	.mask_login{
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		bottom: 0;
		opacity: 0;
		z-index: 9999;
	}
}
.addres{
	// width: 590rpx;
	// overflow: hidden;    
	// text-overflow:ellipsis;    
	// white-space: nowrap;
}
</style>

